.header{
    min-width: 1024px;
    height: 250px;
    .dingbu{
        height: 45px;
        background-color: #cb9864;
        span{
            line-height: 45px;
            font-size: 16px;
            margin: center;
             margin-left: 45%;
        }
    }
    .top{
        // display: none;
        height: 49px;
        justify-content: space-around;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .left{
            width: 195px;
            height: 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #999999;
            a{
                color: #999999;
                text-decoration: none;
            }
        }
        .right{
            width: 420px;
            height: 22px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-decoration: none;
            a{
                color: black;
                text-decoration: none;
            }
        }
    }
    .center{
        width: 80%;
        height: 65px;
        text-align: center;
        margin:auto;
    }
    .xiahua{
        width: 80%;
        height: 25px;
        border-bottom: 1px solid #999999;
        margin: auto;
    }
    .nav{
        width: 80%;
        height: 65px;
        margin: auto;
        border-bottom: 3px solid #999999;
        .left{
            width: 60%;
            height: 65px;
            .ssbb{
                display: flex;
                justify-content: space-between;
                li{
                    height: 65px;
                    display: flex;
                    align-items: center;
                    a{
                        font-size: 18px;
                        color: black;
                        text-decoration: none;
                    }
                    .xa{
                        width: 80%;
                        height: 300px;
                        background-color: #f5f1ee;
                        position: absolute;
                        top:250px;
                        z-index: 999;
                         display:none;
                        .xa_top{
                            width: 100%;
                            height: 300px;
                            border: 1px solid black;
                            display: flex;
                            .xa_topOne{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                                li{
                                    height: 30px;
                                    color: rgb(131, 125, 125);
                                }
                            }
                            .xa_topTwo{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                               li{
                                   height: 30px;
                                   color:  rgb(131, 125, 125);
                               }
                            }
                            .xa_topThere{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                               li{
                                   height: 30px;
                                   color:  rgb(131, 125, 125);
                               }
                            }
                            .xa_topFor{
                                margin-top: 40px; 
                                width: 20%;
                                min-width: 100px;                            
                                    color: black;
                            }
                            .xa_topFove{
                                margin-top: 40px;   
                                width: 20%;
                                min-width: 100px;                         
                                color: black;
                        }
                        }
                    }

                    .la{
                        width: 80%;
                        height: 300px;
                        background-color: #f5f1ee;
                        position: absolute;
                        top:250px;
                        left: 150px;
                        z-index: 999;
                         display:none;
                        .la_top{
                            width: 100%;
                            height: 300px;
                            border: 1px solid black;
                            display: flex;
                            .la_topOne{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                                li{
                                    height: 30px;
                                    color: rgb(131, 125, 125);
                                }
                            }
                            .la_topTwo{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                               li{
                                   height: 30px;
                                   color:  rgb(131, 125, 125);
                               }
                            }
                            .la_topThere{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                               li{
                                   height: 30px;
                                   color:  rgb(131, 125, 125);
                               }
                            }                                                     
                        }
                    }
                    &:hover .xa{
                        display: block;
                    }
                    &:hover .la{
                        display: block;
                    }

                }
            }
        }
        .right{
            width: 30%;
            height: 65px;
            float: right;
            margin-top: -63px;
            :nth-child(1){
                width: 300px;
                height: 40px;
            }
            :nth-child(2){
                width: 44px;
                height: 45px;
            }
            .seach_ul{
                position: absolute;
                width: 200px;
                border-radius: 8px;
                top: 220px;
                z-index: 999;
                display: none;
                overflow: hidden;
                background-color: rgb(180, 170, 170);
                color: #050000;
                opacity: .8;
                // float: left;
            }
            .seach_ul li{
            width: 264px;
            height: 20px;
            line-height: 20px;
            list-style: none;
            color:#0e0703;
            font-size: 14px;
            margin-left: 25px;
            }
        }
    }

    .gudinglan{
        background-color: #fffdfb;
         display: none;
        width: 100%;
        height: 65px;
        border-bottom: 3px solid #0e0d0d;
        position: fixed;
        top: 0px;
        left: 0;
        z-index: 999;
    .navtwo{
        display: none;
        
        // opacity:0.5 ;
        width: 80%;
        height: 65px;
        line-height: 65px;
        // margin: -71px auto;
        margin: auto;
        // border-bottom: 3px solid #999999;
        display: flex;
        text-align: center;
        justify-content: space-between;
        .left{
            // float: left;
            width: 60%;
            height: 65px;
            .ssbb{
                display: flex;
                justify-content: space-between;
                li{
                    height: 65px;
                    display: flex;
                    align-items: center;
                    a{
                        font-size: 18px;
                        color: black;
                        text-decoration: none;
                    }
                    .xa{
                        width: 80%;
                        height: 300px;
                        background-color: #f5f1ee;
                        position: absolute;
                        top:65px;
                        z-index: 999;
                         display:none;
                        .xa_top{
                            width: 100%;
                            height: 300px;
                            border: 1px solid black;
                            display: flex;
                            .xa_topOne{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                                li{
                                    height: 30px;
                                    color: rgb(131, 125, 125);
                                }
                            }
                            .xa_topTwo{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                               li{
                                   height: 30px;
                                   color:  rgb(131, 125, 125);
                               }
                            }
                            .xa_topThere{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                               li{
                                   height: 30px;
                                   color:  rgb(131, 125, 125);
                               }
                            }
                            .xa_topFor{
                                margin-top: 40px; 
                                width: 20%;
                                min-width: 100px;                            
                                    color: black;
                            }
                            .xa_topFove{
                                margin-top: 40px;   
                                width: 20%;
                                min-width: 100px;                         
                                color: black;
                        }
                        }
                    }

                    .la{
                        width: 80%;
                        height: 300px;
                        background-color: #f5f1ee;
                        position: absolute;
                        top:65px;
                        left: 150px;
                        z-index: 999;
                         display:none;
                        .la_top{
                            width: 100%;
                            height: 300px;
                            border: 1px solid black;
                            display: flex;
                            .la_topOne{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                                li{
                                    height: 30px;
                                    color: rgb(131, 125, 125);
                                }
                            }
                            .la_topTwo{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                               li{
                                   height: 30px;
                                   color:  rgb(131, 125, 125);
                               }
                            }
                            .la_topThere{
                                margin-top: 40px;
                                width: 20%;
                                min-width: 100px;
                                :nth-child(1){
                                    color: black;
                                }
                               li{
                                   height: 30px;
                                   color:  rgb(131, 125, 125);
                               }
                            }                                                     
                        }
                    }
                    &:hover .xa{
                        display: block;
                    }
                    &:hover .la{
                        display: block;
                    }

                }
            }
        }
        .right{
            width: 28%;
            height: 65px;
            :nth-child(1){
                width: 200px;
                height: 40px;
            }
            :nth-child(2){
                width: 44px;
                height: 44px;
                background-color: #0e0d0d;
                color: #fff;
                border: none;
            }
            .seach_ul{
                position: absolute;
                width: 200px;
                border-radius: 8px;
                top: 220px;
                z-index: 999;
                display: none;
                overflow: hidden;
                background-color: rgb(197, 195, 195);
                color: #050000;
                opacity: .8;
            }
            .seach_ul li{
            width: 264px;
            height: 20px;
            line-height: 20px;
            list-style: none;
            color:#0e0703;
            font-size: 14px;
            margin-left: 25px;
            }
        }
        .rig{
            width: 12%;
            min-width: 110px;
            height: 65px;
            background-color: #0e0d0d;
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-decoration: none;
            i {
                color: rgb(148, 141, 141);
                font-size: 23px;
            }
            a{
                color: rgb(148, 141, 141);
                text-decoration: none;
            }
        }
    }
  }
  .huidinbu{
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background-color: black;
    border: 1px solid floralwhite;
    color:#fff;
    font-size: 24px;

    position: fixed;
    right: 20px;
    bottom: 40%;

     display: none;
  }
}